<template>
	<div class="wrap">
		<!--上半部分-->
		<div class="czdh">
			<div class="huanying">
				<div class="touxiangimage">
					<img src="../../assets/img/geren/touxiang1.png" />
				</div>
				<div class="ninhao">
					您好!<span>177********77</span>
				</div>

			</div>
			<div class="dqjifen">
				<p>当前积分</p>
				<p style="color: goldenrod;">100</p>
			</div>
			<div class="czduihuan">
				<p>我的钱包</p>
				<p style="color: goldenrod;">¥1000</p>
			</div>
			<div class="chongzhika">
				<router-link to="zhanghu03"><p style="color: #498E3D;">充值有礼>></p></router-link>
				<router-link to="zhanghu03"><p style="color: goldenrod;">充值卡兑换>></p></router-link>
			</div>
		</div>
		<!--下半部分-->
		<div class="datu">
			<img src="../../assets/img/geren/haoli.png"/>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.wrap {
		float: left;
		margin-left: 20px;
		width: 1085px;
		height: 625px;
		border: 1px solid #e7e7e7;
	}
	
	.czdh {
		width: 1085px;
		height: 219px;
		background: #f4fff2;
	}
	
	.huanying {
		width: 353px;
		height: 219px;
		margin-left: 20px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		float: left;
	}
	
	.ninhao {
		font-size: 18px;
		color: darkgrey;
	}
	
	.ninhao span {
		font-size: 18px;
		color: goldenrod;
	}
	
	.dqjifen {
		float: left;
		width: 115px;
		margin-top: 78px;
		margin-left: 100px;
		font-size: 18px;
	}
	
	.dqjifen p {
		padding: 10px;
	}
	.czduihuan {
		float: left;
		width: 115px;
		margin-top: 78px;
		margin-left: 80px;
		font-size: 18px;
	}
	.czduihuan p {
		padding: 10px;
	}
	.chongzhika{
		float: left;
		width: 150px;
		margin-top: 78px;
		margin-left: 80px;
		font-size: 18px;
	}
	.chongzhika p{
		padding: 10px;
	}
	.datu{
		width: 1085px;
		height: 384px;
		margin-top: 20px;
		background: url(../../assets/img/geren/datu.png) no-repeat;
		background-size: 100% 100%;
	}
	.datu img{
		margin-left: 277px;
		margin-top: 87px;
	}
</style>